header-padding-normal = 10px
header-padding-max = 30px
logo-width = 175px
logo-height = 50px

#header
  position: relative
  padding: header-padding-normal 0
  @media print
    display: none
  .home &
    padding: header-padding-max 0

#header-inner
  position: relative

#logo-wrap
  text-align: center

#logo-img
    height: 53px;
    float: left;
    margin-right: -80px;
    margin-left: 80px;
    margin-top: -8px;
    @media mq-normal
      margin-right: -30px;
      margin-left: 0;

.home-logo 
    #logo
        color: #fff
#logo
  width: logo-width
  height: logo-height
  display: inline-block
  color: #2D91F9;
  font-size: 40px;
  text-decoration: none
  @media mq-normal
    float: left

#main-nav
  display: none
  float: left
  padding-left: 20px
  font-size: 16px
  @media mq-normal
    display: block

.main-nav-item
  float: left

.main-nav-link
  color: #444
  text-decoration: none
  line-height: logo-height
  opacity: 0.7
  transition: 0.2s
  font-family: font-title
  display: block
  padding: 0 20px
  &:hover
    opacity: 1
    color: color-link-hover

#search-btn-wrap
  display: none
  float: right
  margin-right: 15px
  line-height: 50px;
  @media mq-normal
    display: block

#lang-select-wrap,
#select-version-wrap
  display: none
  position: relative
  float: right
  @media mq-normal
    display: block

#select-version-wrap
  margin-right: 20px

#lang-select-label
  color: #444
  opacity: 0.7
  font-family: font-title
  line-height: logo-height
  span
    padding-left: 8px
  i
    opacity: 0.7

#lang-select,
#version-select
  opacity: 0
  position: absolute
  top: 0
  left: 0
  width: 100%
  height: 100%
  -webkit-appearance: menulist-button
  font-size: inherit

.st-default-search-input
  -webkit-appearance: none
  -webkit-font-smoothing: antialiased
  -webkit-rtl-ordering: logical
  -webkit-user-select: text
  background-attachment: scroll
  background-clip: padding-box
  background-color: rgb(255, 255, 255)
  background-image: url("data:image/pngbase64,iVBORw0KGgoAAAANSUhEUgAAABoAAAAaCAYAAACpSkzOAAAACXBIW…l3HBQLVgCwoqgi04qApsptl%2FUoyxP4RQvr2n%2Fw4AIvqLpmbxnMcAAAAASUVORK5CYII%3D")
  background-origin: padding-box
  background-size: 13px 13px
  border-top-width: 1px solid rgba(0, 0, 0, 0.247059)
  border-radius:2px;
  box-shadow: none
  box-sizing: content-box
  color: rgb(68, 68, 68)
  cursor: auto
  display: inline-block
  height: 16px
  letter-spacing: normal
  line-height: 16px
  padding-bottom: 7px
  padding-left: 28px
  padding-right: 11px
  padding-top: 7px
  width: 190px